<template>
  <div class="app-container">
    <el-card>
      <el-alert type="info" :closable="false" style="margin-bottom:20px">
        <div class="el-alert__description">
          <i class="el-icon-info" style="font-size: 16px" />
          <div class="el-alert__content">
            <span class="el-alert__title">共{{ tableData.length }}条记录</span>
          </div>
        </div>
      </el-alert>
      <el-table
        :data="tableData"
        style="width: 100%"
      >
        <el-table-column
          prop="type"
          label="操作类型"
          width="180"
        />
        <el-table-column
          prop="user"
          label="操作人"
          width="180"
        />
        <el-table-column
          prop="result"
          label="执行结果"
        />
        <el-table-column
          prop="date"
          label="执行时间"
        />
        <el-table-column
          prop="describe"
          label="描述"
        />
      </el-table>
      <!-- 放置分页组件 -->
      <el-row type="flex" justify="center" align="middle" style="height:60px">
        <el-pagination
          :current-page="page.page"
          :page-size="page.pageSize"
          :total="page.counts"
          layout="prev,pager,next"
          @current-change="changePage"
        />
      </el-row>

    </el-card>
  </div>
</template>

<script>
export default {
   data() {
        return {
          tableData: [{
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }, {
            type: 'JP',
            user: '薛秀英',
            result: '件写不持总义东开许生律知相规工广眼样须公则周身总火料目气转花决思思与员部共化品家去界量。',
            date: '2022-04-18 22:39:28',
            describe: '志温及号'
          }],
					page: {
						page: 1,
						pageSize: 10,
						counts: 100,
						keyword: ''
					}
        }
      },
      methods: {
			// 点击分页按钮，切换分页
			changePage(newpage) {
				this.page.page = newpage
				this.getLabelTags()
			}
    }
};
</script>

<style scoped>
.app-container{
	padding: 15px;
}
::v-deep .el-card__body{
	padding-top: 3px;
}
.el-alert .el-alert__description {
  font-size: 12px;
  margin: 5px 0 0;
  display: flex;
  align-items: center;
}
.el-alert__content {
  display: table-cell;
  padding: 0 8px;
}
.el-alert__title {
  font-size: 13px;
  line-height: 18px;
}
::v-deep .el-dialog{
	border-radius: 15px;
}
::v-deep .el-dialog__header{
	background-color:#409eff;
	border-radius: 15px 15px 0 0;

}
::v-deep .el-dialog__title{
	color:#fff;
}
::v-deep .el-dialog__close{
	color:#fff
}
::v-deep .el-alert{
	margin-top: 20px;
}
</style>